@charset "utf-8";
/* CSS Document */

/*RESET SETTING*/
html,body,div,span,h1,h2,h3,h4
strong,ul,li{
margin:0;
padding:0;
border:0;
outline: 0;
vertical-align: baseline;
background: transparent;
}

body{
font-size:100%;
font-family: "Myriad Pro", Times, serif;
line-height :1.5em;
background:url(images/background.jpg);
}


ul{
list-style: none;
}

a{
text-decoration :none;
}

a:hover{
	text-decoration:underline;
}

.clear{
clear:both;
}

a img{
border: none;
}

#wrapper{
	width:1248px;
	height:auto;
	margin:10px auto;
}


/*** End reset **/

/** HEADER**/

#header{
	width:auto;
	height:266px;
}

#header div#topnav{
	width:1248px;
	height:50px;
	background:url(images/topnav.gif);
}

#header div#topnav ul.small-nav li a{
	color:#FFF;
	font-size:1.1em;
	padding-right:15px;
	float:right;
	padding-top:10px;
}


#header div#topnav ul.small-nav li:last-chil a{
	border:none;
}

#header div#banner img{
	margin-top:auto;
}

#bannav{
	width:1246px;
	background:url(images/bannav.png) repeat-x;
	float:left;
	border:1px solid black;
}

#bannav ul{
	float:left;
	list-style:none;
}

#bannav ul li{
	display:block;
	float:left;
	color:#f9d867;
	text-decoration:none;
	padding:.5em 50px;
}

#bannav li a{
	color:#f9d867;
	font-size:1.1em;
}

#bannav ul img{
	padding-left:59px;
	margin-top:6px;
}
/**End HEADER**/


/**SIDEBAR**/
#sidebar{
	width:300px;
	float:left;
	font-size:1.1em;
}

#sidebar div#search {
	margin-top:6px;
	width:260px;
	height:100px;
	padding:10px;
	background:url(images/sidebar.png);
	-moz-border-radius :5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
}

input#search-fiel{
	width:255px;
	height:27px;
}

select#option{
	width:260px;
	height:32px;
	margin-top:8px;
}

.button{
	background:url(images/button.jpg);
	width:60px;
	height:30px;
	margin-left:200px;
	margin-top:3px;
	text-align:center;
	border:1px solid white;
	-moz-border-radius :5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
}

#sidebar div#feature{
	background:url(images/sidebar.png) repeat top left;
	width:280px;
	height:auto;
	margin-top:12px;
	-moz-border-radius :15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	height:500px;
	border:1px solid white;
}

#sidebar div#feature h1{
	color:white;
	font-size:1.6em;
	text-align:center;
	background:url(images/danhmuc.jpg) repeat-x;
	-moz-border-radius :15px 15px 0px 0px;
	-webkit-border-radius:15px 15px 0px 0px;
	padding-top:6px;
	padding-bottom:10px;
}

#sidebar div#feature ul {
	padding:0px 20px;
	list-style:none;
}

#sidebar div#feature ul li{
	margin-top:12px;
}

#sidebar div#feature ul li a{
	color:#710300;
	font-size:1.0em;
}

#sidebar div#new{
	background:url(images/sidebar.png) repeat top left;
	height:450px;
	width:280px;
	margin-top:10px;
	margin-bottom:10px;
	-moz-border-radius :15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	border:1px solid white;
}

#sidebar div#new h1{
	color:white;
	font-size:1.6em;
	text-align:center;
	background:url(images/new.jpg) repeat-x;
	-moz-border-radius :15px 15px 0px 0px;
	-webkit-border-radius:15px 15px 0px 0px;
	padding-top:6px;
	padding-bottom:10px;
}

#sidebar div#new p{
	margin-left:5px;
}

/**End SIDEBAR**/

/** SLIDE**/
div#slide{
	height:220px;
	width:570px;
	background:url(images/sidebar.png);
	float:right;
	margin-top:6px;
	margin-right:340px;
	margin-bottom:10px;
	-moz-border-radius :15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
}

div#slide img{
	padding:15px 20px 15px 40px;
}

div#slide a{
	float:right;
	padding:0px 60px 5px 0px;
	
}


/**End SLIDE**/

/**BUY**/
div#buy{
	height:270px;
	width:570px;
	float:right;
	background:url(images/sidebar.png);
	-moz-border-radius :15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	margin-right:340px;
}

div#buy img{
	padding:16px 16px 16px 16px;
}

.item1{
	padding-left:35px;
}

.item2{
	padding-left:55px;
}

.item3{
	padding-left:70px;
}

/**End BUY**/

/** PRIMARY **/

#primary{
	width:930px;
	height:auto;
	border:1px solid #838383;
	float:right;
	padding:15px 0px 0px 0px;
	margin-top:10px;
	-moz-border-radius :5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
}

#primary div.post{
	width:680px;
	margin-top:10px;
}

#primary div.post h1{
	font-size:1.6em;
	padding-left:15px;
}

.post span{
color:#c23903;
}

#primary div.post p{
    text-indent: 30px;
    margin-left: 15px;
}

div.download{
	background:url(images/sidebar.png);
	height:70px;
	width:210px;
	line-height:10px;
	text-align:left;
	float:right;
	margin-right:10px;
	margin-top:-190px;
	-moz-border-radius :5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
}

.download p{
	margin-left:15px;
	margin-top:15px;
}


div.author{
	line-height:10px;
	margin-left:10px;
}

/** End PRIMARY **/

/** FOOTER**/
#footer{
	background:url(images/footer.png) repeat-x bottom right;
	float:right;
	width:1248px;
	height:52px;
	clear:left;
	padding-top:10px;
}

#footer div#footer-left{
	color:white;
	font-size:1.1em;
	float:left;
	line-height:3px;
	margin-left:50px;
}

#footer-left p.copyright{
	margin-left:20px;
}

#footer div#footer-right {
	float:right;
	line-height:55px;
	margin-right:50px;
}

#footer div#footer-right li{
	display:inline;
	margin-right:50px;
}

#footer div#footer-right ul li a{
	color:white;
	font-size:1.1em;
}
/** End FOOTER **/


#login{
	float: left; background:url(images/sidebar.png);
	width:30%;
	height:150px;
	border:1px solid black;
	-moz-border-radius :5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	padding: 5px;
	margin: 10px;
}

#main{width: 948px; float: left; height: auto; display: block;}

#pagnav{float: left; width: 98%; padding: 10px 0;}
#pagnav ul{ display: block; padding: 0; margin: 0;}
#pagnav ul li{ display: inline; padding: 3px; border: 1px solid #333; margin: 0 5px;}
#pagnav ul li a{color: #000;}

.left{float: left;}
.right{float: right;}
#detail{float: left; width: 100%; padding: 5px 0;}
#detail img{float: left;}
.head table, .head table td{padding: 0; margin: 0;}

.cart{ margin: 10px 0;}
.cart table{border-top: solid 1px #666; border-left: solid 1px #666; padding: 0; margin: 0; width: 80%;}
.cart table td,.cart table th{border-right: solid 1px #666; border-bottom: solid 1px #666; padding: 5px;}




